@extends('web.layout.index')
@section('content')
    <style>
        .title {
            font-size: 18px;
            padding: 10px;
            justify-content: center;
            display: flex;
            border-bottom: 1px dotted;
        }
        .updated_at {
            font-size: 16px;
            justify-content: center;
            display: flex;
            padding: 5px;
            color: #8a7171;
        }
        .error {
            font-size: 18px;
            display: flex;
            justify-content: center;
        }
    </style>
    @if (isset($error))
        <div class="error">
            {{ $error }} &nbsp;&nbsp;<a style="color: blue;" href="{{ route('web.article') }}">返回文章列表</a>
        </div>
    @else
        <div>
            <div class="title">
                {{ $article->title }}
            </div>
            <div class="updated_at">
                {{ $article->updated_at }} &nbsp; ({{ $article->view_num }})
            </div>
            <div class="content">
                {!! $article->content !!}
            </div>
        </div>
    @endif
@endsection
